@import url("reset.css");
body{background:#352218;color:#555;text-align:center;font:12px Cambria,Georgia}

h1{margin:10px 0 20px;color:#986501;font-size:24px;padding-left:16px;background:url(../image/h1.png) no-repeat 0 10px}
h2{font-size:18px;margin:40px 0 10px}
h2.first{margin-top:0}
h3{font-size:14px;margin:10px 0 5px}

p{margin:5px 0 10px;text-align:justify}
a,a:visited{text-decoration:underline;outline:none;color:#369}
a:hover{text-decoration:none}
a img{border:none;outline:none}
a.more{text-decoration:none;font-weight:bolder;font-size:1.2em;color:#ff8000}

form{float:left;font:12px Calibri,Arial}
label{display:block;float:left;width:100px;text-align:right;margin:7px 0;cursor:pointer;clear:both}
input,textarea,select{float:left;margin:5px;padding:2px 4px;font:12px Calibri,Arial}
input,input:focus{outline:none}
input::-moz-focus-inner{border:0}
input[type=text],input[type=password],textarea{width:200px;border:1px solid #ccc;background:#fff;color:#777}
input[type=text]:focus,input[type=password]:focus,textarea:focus{border:1px solid #000;color:#000}
textarea{width:400px;height:200px;resize:none}
input.captcha{width:50px}
.captcha{float:left}

.news{color:#999}

.page-bg{position:absolute;z-index:0;width:100%;height:100%;left:0;min-width:1000px}
.page-bg.top{top:0;background-color:#fff;margin-bottom:-260px}
.page-bg.bottom{top:600px;height:160px}

.left{float:left}
.right{float:right}
.clear{clear:both}
.empty-text{color:#bcae89 !important}

.message{margin:2px 5px;padding:5px;font-size:11px}
.error{background:red;color:white}
.ok{background:darkgreen;color:white}
.throbber{position:fixed;z-index:9999;left:0;top:0;width:100%;text-align:center;display:none;padding:5px 0;background:#ff8000;color:#fff}
.save_container{font-size:11px;position:absolute;width:300px;left:470px;top:5px}

.tabs{list-style-type:none;float:left;width:768px;border-bottom:1px solid #555;padding-left:2px}
.tabs li{float:left;margin:0 0 -1px 5px;border:1px solid #aaa;border-bottom-color:#555;background:#eee}
.tabs li.selected{border-bottom-color:#fff;background:#fff;border-color:#555;border-bottom-color:#fff}
.tabs a{display:block;padding:5px 10px;text-decoration:none;color:#000;color:#777}
li.selected a{color:#000}
.tab-content{display:none;width:748px;height:478px;clear:both;border:1px solid #555555;border-top:none;padding:10px;background:#fff;overflow:hidden}

#banner-top{position:absolute;left:0;top:10px;width:220px;text-align:left;color:#765b4d;font-size:1.3em}
#banner-top p{text-align:left}
#banner-top a{color:#765b4d;text-decoration:none}
#banner-top a:hover{text-decoration:underline}
#banner-top h2{margin-bottom:0}

#menu{list-style-type:none;text-align:right;font-size:18px;font-weight:bolder}
#menu a,#menu a:visited,#menu strong{text-decoration:none;color:#71645d;display:block;padding:2px 16px 2px 0}
#menu a:hover,#menu strong{color:#980801;background:url(../image/menu-item-hover.png) no-repeat right 10px}

#site{width:1000px;min-height:600px;text-align:left;position:absolute;top:0;left:0}
#header{position:relative;height:110px;width:100%;text-align:center;padding:5px 0}

#search-box{position:absolute;width:180px;left:820px;top:10px}
#search-box input{font:11px Calibri,Arial;margin:0}
#search-box .keyword{width:128px;padding:4px 22px 4px 10px;background:#f5f2e8;border:1px solid #d2c2bb;border-radius:10px;color:#352218}
#search-box .keyword:focus{border-color:#967262;background:#fff}
#search-box .submit{position:absolute;top:4px;left:142px;background:url(../image/search.png) no-repeat 0 0;width:16px;height:16px;border:none;text-indent:-100em;overflow:hidden;cursor:pointer}
#search-box .submit:hover{background-position:-16px 0}

#languages{list-style-type:none;position:absolute;top:35px;left:820px;width:160px;font:12px Calibri, Arial}
#languages li{display:inline-block;margin:5px}
#languages a,#languages strong{opacity:0.2;display:block;width:20px;height:16px;text-indent:-100em;overflow:hidden;text-decoration:none;color:#fff;background-repeat:no-repeat;background-position:center center;font-weight:normal}
#languages a:hover{opacity:1}
.sr a,.sr strong{background-image:url(../image/flag-sr.png)}
.en a,.en strong{background-image:url(../image/flag-en.png)}
#languages strong{opacity:1}

#sidebar{width:200px;float:left;margin:50px 50px 0 0;color:#765b4d}
#content{width:750px;padding:0 0 20px;float:left;min-height:410px}
#content ul{padding-left:30px}
#content-home{text-align:center;min-height:410px}
#footer{color:#72655e;margin-top:10px;padding-top:10px;font:11px Calibri,Arial;text-align:center}
#footer a{color:#72655e}

.image-picker{text-align:left}
.image-picker ul{list-style-type:none;font:10px Arial;height:290px;overflow:auto;background:#fefefe;border:1px inset #eee;padding:5px}
.image-picker li{width:75px;height:90px;float:left;margin:0 5px 5px 0;padding:5px;border:1px solid transparent;background-color:#fff;text-align:center;cursor:default}
.image-picker li:hover{border-color:#ccc}
.image-picker li.selected,.image-picker li.selected:hover{background-color:#4C8FD3;color:#fff;border-color:transparent}
.image-picker .image{height:75px}
.image-picker .label{display:block;height:15px;width:75px;overflow:hidden}
.image-picker form{height:30px;overflow:hidden;font-size:11px;padding:0;margin:10px 0 0 0}

#control-panel{position:absolute;width:200px;min-height:100px;left:-210px;z-index:99999;top:0;background:#369 url(../image/panel.png) no-repeat right center;padding:10px 30px 10px 10px;box-shadow:#000 0 0 5px;cursor:pointer}
#control-panel:hover{background-image:url(../image/panel_hover.png)}
#control-panel a{display:block;padding:5px;color:#fff;text-decoration:none}
#control-panel a:hover{background:#fff;color:#000}

#slideshow{width:750px;height:300px;overflow:hidden}